@import 'sencha-touch/default/all';

// You may remove any of the following modules that you
// do not use in order to create a smaller css file.
@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-toolbar-forms;
@include sencha-indexbar;
@include sencha-list;
@include sencha-layout;
@include sencha-carousel;
@include sencha-form;
@include sencha-msgbox;

// Your custom code goes here...
@include pictos-iconmask('settings_black');
@include pictos-iconmask('chart2');
@include pictos-iconmask('doc_compose1');
@include pictos-iconmask('doc_send');
@include pictos-iconmask('link2');
@include pictos-iconmask('check2');
@include pictos-iconmask('delete1');
@include pictos-iconmask('doc_drawer');
@include pictos-iconmask('organize');
@include pictos-iconmask('user_add');
@include pictos-iconmask('trash2');
@include pictos-iconmask('mail');
@include pictos-iconmask('forward_black');


.custom-header {
	background:#eee url() repeat-x 0 8px; 
	display: block;
	position: relative;
}

.custom-header-overlap {
	background: #eee;
	display: inline;
	padding-right: 8px;
}

.custom-list {
	display: block;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 0px;
	padding-top: 0px;
}

.custom-left-item {
	clear: left;
	float: left;
}

.custom-right-item {
	clear: right;
	float: right;
	width: 18em;
}

.custom-list-idented {
	display: inline;
}

.custom-name {
	background: transparent;
	color: #666;
	float: left;
	font-weight: normal;
	margin: 0 0 0 -110px;
}

.custom-wrap {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 2px;
	padding-left: 110px;
/*
	padding-right: 130px;
*/
	padding-top: 0px;
	text-align: left;
}

#detail-card-table {
	display: table;
}

.custom-row {
	display: table-row;
}
.custom-cell {
	display: table-cell;
	padding-left:4px;
	padding-right: 8px;
	padding-top: 9px;
/*
	border-right: 1px;
	border-right-color: lightgray;
	border-right-style: solid;
*/
}

.custom-details-table {
	display: table;
}

.custom-details-row {
	display: table-row;
}

.custom-details-cell-name {
	display: table-cell;
	padding-right: 8px;
	padding-top: 6px;
	padding-left: 8px;
	font-weight: bold;
	color: #666;
	min-width: 100px;
}

.custom-details-cell-value {
	display: table-cell;
	padding-right: 8px;
	padding-top: 6px;
	padding-left: 8px;
	min-width: 140px;
}

.right {
	float: right; 
}

.collspan {
	clear: both;
}

.left {
	text-align: left;
}
